<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页</title>
    <!-- 引入网站图标 -->
    <link rel="shortcut icon" href="./bitbug_favicon.ico" />
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="./css/base.css">

    <!-- 引入注册页样式 -->
    <link rel="stylesheet" href="./css/register.css">
</head>
<body>
    <!-- 1注册页的头部开始了 -->
    <header class="header">
        <div class="logo w">
            <a href="index.html">
                <img src="./images/logo.png" alt="">
            </a>
        </div>
    </header>
    <!-- 注册页的头部结束了 -->
    
    <!-- 2 注册页的主体部分开始了 -->
    <div class="registerarea w">
        <div class="reg_hd">
            <h3>注册新用户</h3>
            <div class="login">我有账号，去<a href="#">登录</a></div>
        </div>
        <div class="reg_form">
            <ul>
                <li>
                    <label for="phone">
                        手机号:
                    </label>
                    <input class="inp" type="text" id="phone"> <i></i> <span>手机号码格式不正确，请重新输入</span>
                </li>
                <li>
                    <label for="num">
                        短信验证码:
                    </label>
                    <input class="inp" type="number" id="num"/> <i></i> <span>短信验证码输入正确</span>
                </li>
                <li>
                    <label for="pwd">
                        登陆密码:
                    </label>
                    <input class="inp" type="password" id="pwd"> <i></i> <span>密码不少于六位数，请重新输入</span>
                </li>
                <li class="safe">
                    安全程度<em class="ruo">弱</em><em class="zhong">中</em><em class="qiang">强</em>
                </li>
                <li>
                    <label for="repwd">
                        确认密码:
                    </label>
                    <input class="inp" type="password" id="repwd"> <i></i> <span>密码不一致，请重新输入</span>
                </li>
                <li class="agree">
                    <input type="checkbox"> 同意协议并注册 <a href="#">《知果果用户协议》</a>
                </li>
                <li class="sub">
                    <input type="submit" value="完成注册">
                </li>
            </ul>
        </div>
    </div>
    <!-- 注册页的主体部分结束了 -->
    <!-- 3 注册页的底部模块开始了 -->
    <div class="mod_copyright">
        <div class="links">
            <ul class="clearfix">
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
                <li><a href="#">联系客服</a></li>
                <li><a href="#">商家入驻</a></li>
                <li><a href="#">营销中心</a></li>
                <li><a href="#">手机品优购</a></li>
                <li><a href="#">友情链接</a></li>
                <li><a href="#">销售联盟</a></li>
                <li><a href="#">品优购社区</a></li>
                <li><a href="#">品优购公益</a></li>
                <li><a href="#">English Site</a></li>
                <li><a href="#">Contact U</a></li>
            </ul>
        </div>
        <div class="copyright">
            <p>
                地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
            </p>
            <div>
                京ICP备08001421号京公网安备110108007702
            </div>
        </div>
    </div>
    <!-- 注册页的底部模块结束了 -->
</body>
</html>